<!DOCTYPE HTML>
<html class="reftest-wait">
<title>reftest, bug 1133392</title>
<style>

  p:not(.state-one) > span {
    text-decoration: underline;
  }

  p > span > span {
    vertical-align: -2em;
  }

  p:not(.state-three) > span > span {
    visibility: hidden;
  }

</style>

<p class="state-one"><span>This text<br>
has <span>an underline</span>.</span></p>

<script>

  var p = document.getElementsByTagName("p")[0];
  p.offsetLeft; // flush layout
  document.getElementsByTagName('p')[0].className = 'state-two';

  document.addEventListener("MozReftestInvalidate", step_three, false);
  function step_three(event) {
    document.getElementsByTagName('p')[0].className = 'state-three';
    document.documentElement.classList.remove("reftest-wait");
  }

</script>

